<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div style="width: 980px; margin: 0 auto;">
			<div class="header">
				<p style="position: relative; left: 900px;">
					我的博客&nbsp;&nbsp;|&nbsp;&nbsp;攻略&nbsp;&nbsp;|&nbsp;&nbsp;随笔
				</p>
				<img src="static/logo.png" />
			</div>
			<hr color="#ccc" />
			<div class="body">
				
				<!-- 博主简介 -->
				<div class="author-info">
					<div class="author-info-left">
						<img src="static/banner1.jpg" align="left" hspace="12" vspace="12" />
					</div>
					<div class="author-info-right">
						<p align="center">
							<font face="微软雅黑" size="7" color="#0878ff">博</font>
							<font face="微软雅黑" size="7" color="#0878ff">主</font>
							<font face="微软雅黑" size="6" color="#333">简</font>
							<font face="微软雅黑" size="6" color="#333">介</font>
						</p>
						<p>&nbsp;&nbsp;&nbsp;&nbsp;大家好，我是你们的旅行博主-<font color="#0878ff" size="4">LonelyStone</font>。本人是一名资深旅行博主，外向型的内向人格，对世界的好奇心随年龄有增无减。同时是音乐、电影、旅行、文学、篮球、长跑、潜水爱好者。想在老去之前，看遍这颗星球的美好。</p>
						<p>&nbsp;&nbsp;&nbsp;&nbsp;旅行格言:<ins><em><strong><font color="#0878ff">人生不过一场旅行</font></strong></em></ins>,你路过我，我路过你，然后各自回头，敬往事一杯烈酒。比起说走就走的旅行，很多人的生活都是日渐趋于平淡的怅然，缺少一种享受生活的阳光悠然。</p>
						<p>&nbsp;&nbsp;&nbsp;&nbsp;旅行足迹：在纳米比亚的死亡谷、土耳其卡帕多奇亚、日本镰仓、马达加斯加。</p>
					</div>
				</div>
				
				<div class="note-content">
					<h1>塔克拉玛干沙漠：爱我就征服我</h1>
					<p align="center">
						<em>
							<font color="#666666">
								2019.04.21&nbsp;地点&nbsp;&nbsp;塔克拉玛干沙漠
							</font>
						</em>
					</p>
					<p>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在这浩瀚的大漠我看到了姿态各异、生命力极强的胡杨。没有肥沃的土壤、充足的水分、没有适宜的环境，面对寸草不生的塔克拉玛干沙漠，却有胡杨毅然傲立戈壁，呈现出生命醉人的绿。
					</p>
					<p>
						<img src="static/banner2.jpg"/>
					</p>
					<p>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;据说，守护在戈壁的胡杨，一千年不死，一千年不倒，一千年不朽，这种傲然挺立、不屈不挠的精神，深深震动了我，这正像生活在大漠边缘勤劳勇敢的人们。喜欢摄影的我，想努力用自己的视角体会这种精神。
					</p>
					<p>
						<img src="static/banner3.jpg"/>
					</p>
				</div>

				<div class="reveiw-content">
					<div class="reveiw-content-img">
						<span><img src="static/icon.gif"/></span>
					</div>
					<div class="review-item">
						<div class="review-item-head">
							<div class="review-item-avatar">
								<img src="static/person1.jpg"/>
							</div>
							<div class="review-item-right">
								<div class="review-item-title">
									<font color="#F60">HXZ9_IT</font>&nbsp;&nbsp;&nbsp;&nbsp;
									<font size="2" color="#999">2020-1-2 15:36:37</font>
								</div>
								<div>
									<p>风景太美了，感谢博主的分享，有时间一定去看看！</p>
								</div>
							</div>
						</div>
					</div>
					<div class="review-item">
						<div class="review-item-head">
							<div class="review-item-avatar">
								<img src="static/person2.jpg"/>
							</div>
							<div class="review-item-right">
								<div class="review-item-title">
									<font color="#F60">外星人</font>&nbsp;&nbsp;&nbsp;&nbsp;
									<font size="2" color="#999">2020-1-15 15:05:37</font>
								</div>
								<div>
									<p>大漠孤烟直，长河落日圆！</p>
								</div>
							</div>
						</div>
					</div>
					<div class="review-item">
						<div class="review-item-head">
							<div class="review-item-avatar">
								<img src="static/person3.jpg"/>
							</div>
							<div class="review-item-right">
								<div class="review-item-title">
									<font color="#F60">so_cool</font>&nbsp;&nbsp;&nbsp;&nbsp;
									<font size="2" color="#999">2020-2-14 10:36:56</font>
								</div>
								<div>
									<p>前几年去过一次，风景可以，适合拍照！</p>
								</div>
							</div>
						</div>
					</div>
					
				</div>
			</div>
			<hr color="#ccc" />
			<div class="footer">
				<div style="text-align: center;">
					<p>
						<font color="#1d5983" size="2">
							网友意见留言板&nbsp;&nbsp;&nbsp;<font color="#333">电话：000-1234567</font>&nbsp;&nbsp;&nbsp;欢迎批评指正
						</font>
					</p>
					<p>
						<font color="#1d5983" size="2">
							博客简介 | Abou | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | BOKE English | 注册 | 产品答疑
						</font>
					</p>
					<p>
						<font color="#1d5983" size="2">
							Copyright @2016 - 2026 BOKE.coright All Rights rESERVED
						</font>
					</p>
				</div>
			</div>
		</div>
	</body>
	<style type="text/css">
		.review-item-right{
			display: flex;
			flex-direction: column;
		}
		.review-item{
			display: flex;
			flex-direction: column;
			margin-bottom: 20px;
		}
		.review-item-head{
			display: flex;
		}
		.review-item-avatar{
			margin-right: 20px;
		}
		/* .reveiw-content-img{
			display: flex;
			flex-direction: row;
			justify-content: left;
		} */
		/* .reveiw-content{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		} */
		.note-content{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.author-info{
			display: flex;
			flex-direction: row;
		}
		.author-info-left{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.author-info-right{
			/* margin-left: 40px; */
		}
	</style>
</html>